<template>
	<view class="contract" @click="open">
		<image :src="url" mode="aspectFill" class="contract-ico"></image>
		<view class="contract-txt">
			{{txt}}
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			txt: {
				default: '联系我们'
			},
			url: {
				default: '../../static/img/contract.png'
			}
		},
		data() {
			return {
				
			};
		},
		methods: {
			open() {
				this.$emit('open')
			}
		}
	}
</script>

<style>
.contract {
	height: 101upx;
	width: 90upx;
}
.contract-ico {
	width: 90upx;
	height: 90upx;
}
.contract-txt {
	text-align: center;
	font-size:22upx;
	font-weight:500;
	color:rgba(234,10,42,1);
	transform: translateY(-20upx);
}
</style>
